<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <link rel="icon" href="../favicon.ico"/>
  <title>FastUrl</title>
  <!--<link rel="stylesheet" href="./css/styles.css">-->
</head>
<style>
  :root {
    --color: #1E1F22;
    --bg-color: #F7F8FA;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --color: #F7F8FA;
      --bg-color: #1E1F22;
      --a-href-color: #F7F8FA;
    }
  }
  body {
    color: var(--color);
    background-color: var(--bg-color);
  }
  body, html {
    /*font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, Segoe Ul, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    margin: 0;
    min-height: unset;
    min-width: unset;
    padding: 0;
  }
  /*color: #0069d9;*/
  .custom-zch {
    height: 21px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
  }
  td {
    padding: 0 5px;
    align-items: center;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
  }
  .duplicate-elements-input {
    border: none;
    border-radius: 50px;
    background-color: transparent;
    width: 100%;
    height: 50px;
  }
  .custom-zch-favicon {
    width: 18px;
    height: 18px;
  }
  a:link {
    color: var(--a-href-color);
  }
  a:visited {
    /*color: rgb(79, 79, 224);*/
    color: var(--a-href-color);
    text-decoration: none;
  }
  a:hover {
    color: #1890ff;
  }
  a:active {
    color: rgb(236, 222, 96);
  }
  a:focus {
    outline: none; /* 去掉默认的轮廓 */
    color: rgb(103, 109, 24);
  }
  .table-urls {
    border: 5px solid #ccc;
    border-radius: 10px;
    margin: 20px auto;
  }
  .about-tools-remove-duplicate {
    width: 28%;
  }
</style>
<body>
<!--dark-light 🌞🌝🌜🌛🌚🌙-->
<table class="table-urls about-chrome">
  <caption></caption>
  <tr>
    <td><a href="#" id="btnChangeToLightTheme">🌞</a></td>
    <td><a href="#" id="btnChangeToDarkTheme">🌜</a></td>
  </tr>
</table>
<!--Chrome-->
<table class="table-urls about-chrome" style="display: none;">
  <caption>
    😶
  </caption>
  <tr>
    <td>chrome://chrome-urls</td>
    <td>chrome://settings</td>
  </tr>
  <tr>
    <td>chrome://bookmarks</td>
    <td>chrome://extensions</td>
  </tr>
  <tr>
    <td>chrome://history</td>
    <td>chrome://downloads</td>
  </tr>
</table>
<!--XB-->
<table class="table-urls about-xb">
  <caption>
    😐
  </caption>
  <tr>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('1.singbon.com:81')" class="custom-zch">j1c</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a2.4000063966.com:81')" class="custom-zch">a2c</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a3c.4000063966.com:8081')" class="custom-zch">a3c</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a4c.4000063966.com:8081')" class="custom-zch">a4c</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('1.singbon.com:81/netInterface/singbon/companyIndex.do')" class="custom-zch">j1CompInfo</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a2.4000063966.com:81/netInterface/singbon/companyIndex.do')" class="custom-zch">a2CompInfo</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('cdz.4000063966.com:8081')" class="custom-zch">cdzc</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('chongdian.4000063966.com:81')" class="custom-zch">scdzc</a></td>
  </tr>
  <tr>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('1.singbon.com:81/singbon/backgroud/system/admin/login.do')" class="custom-zch">j1cb</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a2.4000063966.com:81/xb/login.do')" class="custom-zch">a2cb</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a3c.4000063966.com:8081/xb/login.do')" class="custom-zch">a3cb</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a4c.4000063966.com:8081/xb/login.do')" class="custom-zch">a4cb</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a3c.4000063966.com:8081/netInterface/singbon/companyIndex.do')" class="custom-zch">a3CompInfo</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('a4c.4000063966.com:8081/netInterface/singbon/companyIndex.do')" class="custom-zch">a4CompInfo</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('cdz.4000063966.com:84/login')" class="custom-zch">cdzcb</a></td>
    <td><a target="_blank" onclick="openHttpLinkInNewTab('chongdian.4000063966.com:81/singbon/backgroud/system/admin/login.do')" class="custom-zch">scdzcb</a></td>
  </tr>
  <tr>
    <td colspan="3" style="border: none;color: #ffffff">
      郑州兴邦科技有限公司
    </td>
    <td colspan="2" style="border: none;color: #ffffff">
      郑州兴邦电子股份有限公司
    </td>
    <td colspan="2" style="border: none;color: #ffffff">
      chrome://chrome-urls
    </td>
    <td style="border: none;color: #ffffff"><a target="_blank" href="https://zchdoc.github.io/zpbstp/pages/zch-encrypt-js.html" class="custom-zch">enjs</a></td>
  </tr>
</table>
<!--Zch-->
<table class="table-urls about-socialize">
  <caption>
    😃
  </caption>
  <tr>
    <td><a target="_blank" href="https://twitter.com/" class="custom-zch">twitter</a></td>
    <td><a target="_blank" href="https://web.telegram.org/a/" class="custom-zch">telegram</a></td>
    <td><a target="_blank" href="https://discord.com/channels/@me" class="custom-zch">discord</a></td>
    <td><a target="_blank" href="https://linux.do/" class="custom-zch">linux.do</a></td>
    <td><a target="_blank" href="https://www.zhihu.com" class="custom-zch">zhihu</a></td>
    <td><a target="_blank" href="https://zchdoc.github.io/nav-z" class="custom-zch">nav-z</a></td>
  </tr>
</table>
<!--Git-->
<table class="table-urls about-git">
  <caption>
    🙂
  </caption>
  <tr>
    <td><a target="_blank" href="https://github.com/trending?since=monthly" class="custom-zch">github-m</a></td>
    <td><a target="_blank" href="https://github.com/zchdoc" class="custom-zch">github</a></td>
    <td><a target="_blank" href="https://gitlab.com/" class="custom-zch">gitlab</a></td>
    <td><a target="_blank" href="https://gitee.com/" class="custom-zch">gitee</a></td>
    <td><a target="_blank" href="https://codeup.aliyun.com/" class="custom-zch">codeup</a></td>
    <td><a target="_blank" href="https://gitcode.com/" class="custom-zch">csdn-git</a></td>
  </tr>
</table>
<!--AI -->
<table class="table-urls about-ai">
  <caption>
    😁
  </caption>
  <tr>
    <td><a target="_blank" href="https://www.coze.com/space/7322025004764364806/bot" class="custom-zch">coze.en</a></td>
    <td><a target="_blank" href="https://chat.openai.com/" class="custom-zch">chat.openai</a></td>
    <td><a target="_blank" href="https://groq.com/" class="custom-zch">groq</a></td>
    <td colspan="2"><a target="_blank" href="https://chat.mistral.ai/chat" class="custom-zch">chat.mistral</a></td>
    <td colspan="2"><a target="_blank" href="https://www.perplexity.ai/" class="custom-zch">perplexity</a></td>
  </tr>
  <tr>
    <td><a target="_blank" href="https://www.coze.cn/space/7346541960162869283/bot" class="custom-zch">coze.cn</a></td>
    <td><a target="_blank" href="https://kimi.moonshot.cn/" class="custom-zch">moonshot</a></td>
    <td><a target="_blank" href="https://tongyi.aliyun.com/" class="custom-zch">tongyi</a></td>
    <td><a target="_blank" href="https://chatglm.cn/detail" class="custom-zch">chatglm</a></td>
    <td><a target="_blank" href="https://xinghuo.xfyun.cn/" class="custom-zch">xfyun</a></td>
    <td><a target="_blank" href="https://yiyan.baidu.com/" class="custom-zch">yiyan</a></td>
    <td><a target="_blank" href="https://hunyuan.tencent.com/bot/chat" class="custom-zch">hunyuan</a></td>
  </tr>
</table>
<!--Searches -->
<table class="table-urls about-search-engines">
  <caption>
    😅
  </caption>
  <tr>
    <td><a target="_blank" href="https://www.google.com" class="custom-zch">google</a></td>
    <td><a target="_blank" href="https://www.duckduckgo.com" class="custom-zch">duckduckgo</a></td>
    <td><a target="_blank" href="https://www.bing.com" class="custom-zch">bing</a></td>
    <td>
      <a target="_blank" href="https://www.baidu.com" class="custom-zch">
        <img src="https://baidu.com/favicon.ico" alt="favicon-baidu" style="display: none;" class="custom-zch-favicon"/>
        <span class="custom-zch-text">baidu</span>
      </a>
    </td>
    <td><a target="_blank" href="https://www.sogou.com" class="custom-zch">sogou</a></td>
    <td><a target="_blank" href="https://www.so.com/" class="custom-zch">so360</a></td>
  </tr>
</table>
<!-- Translate -->
<table class="table-urls about-search-translate">
  <caption>
    😉
  </caption>
  <tr>
    <td><a target="_blank" href="https://www.coze.com/store/bot/7367281276442804225" class="custom-zch">fy-coze-en-zch</a></td>
    <td><a target="_blank" href="https://translate.google.com" class="custom-zch">fy-google</a></td>
    <td><a target="_blank" href="https://cn.bing.com/translator" class="custom-zch">fy-bing</a></td>
  </tr>
  <tr>
    <td><a target="_blank" href="https://www.coze.cn/store/bot/7353552059817426959" class="custom-zch">fy-coze-cn-zch</a></td>
    <td><a target="_blank" href="https://translate.google.com.hk/?hl=zh-CN&sl=auto&tl=en&op=translate" class="custom-zch">fy-google-zh</a></td>
    <td><a target="_blank" href="https://fanyi.baidu.com/" class="custom-zch">fy-baidu</a></td>
  </tr>
</table>
<!-- remove duplicate elements -->
<table class="table-urls about-tools-remove-duplicate">
  <caption>
    😆
  </caption>
  <tr style="height: 50px;">
    <td>
      <label>
        <input type="text" placeholder="用英文逗号隔开需要去重的内容(input elements, separated by commas)" class="duplicate-elements-input">
      </label>
    </td>
  </tr>
  <tr style="height: 50px;">
    <td>
      <p class="duplication-removed-element"></p>
    </td>
  </tr>
</table>
</body>
<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function () {
    removeDuplicateElements();
    monitorSystemThemeChange();
    // 获取按钮
    const darkThemeBtn = document.getElementById('btnChangeToDarkTheme');
    const lightThemeBtn = document.getElementById('btnChangeToLightTheme');
    // 为按钮添加事件监听器
    darkThemeBtn.addEventListener('click', function () {
      changeTheme('dark', true);
    });
    lightThemeBtn.addEventListener('click', function () {
      changeTheme('light', true);
    });
  })
  // 打开链接
  function openHttpLinkInNewTab(url) {
    console.info(this);
    url = 'http' + '://' + url;
    // 在新标签页中打开链接
    window.open(url, '_blank');
  }
  function monitorSystemThemeChange() {
    const mediaQueryListDark = window.matchMedia('(prefers-color-scheme:dark)');
    mediaQueryListDark.addEventListener('change', handleChange);
    // 检查localStorage 中的偏好设置
    const savedTheme = localStorage.getItem('theme');
    console.info('savedTheme:', savedTheme, typeof savedTheme);
    if (savedTheme) {
      changeTheme(savedTheme, false);
    }
    else {
      // 第一次没有用户自定义主题时，根据系统主题变化
      console.info('根据系统主题变化')
      handleChange(mediaQueryListDark);
    }
  }
  function handleChange(mediaQueryListEvent) {
    if (mediaQueryListEvent.matches) {
      changeTheme('dark', false);
    }
    else {
      changeTheme('light', false);
    }
  }
  function changeTheme(theme, isUserInitiated) {
    if (theme === 'dark') {
      document.documentElement.style.setProperty('--color', '#F7F8FA');
      document.documentElement.style.setProperty('--bg-color', '#1E1F22');
      changeALinkColor('#F7F8FA');
    }
    else {
      document.documentElement.style.setProperty('--color', '#1E1F22');
      document.documentElement.style.setProperty('--bg-color', '#F7F8FA');
      changeALinkColor('#1E1F22');
    }
    if (isUserInitiated) {
      // 如果是用户切换主题, 则保存到localstorage
      localStorage.setItem('theme', theme);
    }
  }
  function changeALinkColor(color) {
    document.documentElement.style.setProperty('--a-href-color', color);
  }
  // remove duplicate elements
  function removeDuplicateElements() {
    // remove duplicate elements
    const input = document.querySelector(".duplicate-elements-input")
    const output = document.querySelector(".duplication-removed-element")
    // 去重
    input.addEventListener("input", function () {
      let inputValue = input.value;
      // 检测是否包含中文逗号 ， 如果包含中文逗号则替换为英文逗号 ,
      // if (/[\u4e00-\u9fa5]/.test(inputValue)) {
      //   inputValue = inputValue.replace(/，/g, ",");
      // }
      // 用于检测是否包含中文标点符号 ，。、等
      inputValue = inputValue.replace(/[，。、；！]/g, ",").trim();
      const elements = inputValue.split(",");
      const uniqueElements = [...new Set(elements.map((element) => element.trim()))];
      output.textContent = uniqueElements.join(",");
    })
  }
</script>
</html>
